<!doctype html>

<!-- 
320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT
-->

<!--[if IEMobile 7]><html class="no-js iem7 oldie"><![endif]-->
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7 oldie" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8 oldie" lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html class="no-js" lang="en"><!--<![endif]-->

<head>


<title>Gotogps</title>
<meta name="description" content=""/>
<meta name="author" content=""/>

<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0"/>

<!-- For all browsers -->
<link rel="stylesheet" href="<?php echo base_url();?>/css/style.css"/>
<link rel="stylesheet" href="<?php echo base_url();?>/css/colors/color1/color.css"/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="<?php echo base_url();?>/css/grid.css"/>
<link rel="stylesheet" media="print" href="<?php echo base_url();?>/css/print.css"/>
<link rel="stylesheet" href="<?php echo base_url();?>/css/fluid.css"/>


<!--[if (lt IE 9) & (!IEMobile)]>
<script src="js/libs/selectivizr-min.js"></script>
<![endif]-->

<!-- JavaScript -->
<script src="<?php echo base_url();?>/js/libs/modernizr-2.0.6.min.js"></script>

<!-- For iPhone 4 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo base_url();?>/img/h/apple-touch-icon.png"/>
<!-- For iPad 1-->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo base_url();?>/img/m/apple-touch-icon.png"/>
<!-- For iPhone 3G, iPod Touch and Android -->
<link rel="apple-touch-icon-precomposed" href="<?php echo base_url();?>/img/l/apple-touch-icon-precomposed.png">
<!-- For Nokia -->
<link rel="shortcut icon" href="<?php echo base_url();?>/img/l/apple-touch-icon.png"/>
<!-- For everything else -->
<link rel="shortcut icon" href="<?php echo base_url();?>/favicon.ico"/>

<!--iOS. Delete if not required -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<link rel="apple-touch-startup-image" href="img/splash.png"/>

<!--Microsoft. Delete if not required -->
<meta http-equiv="cleartype" content="on"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!--[if lt IE 7 ]><script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script><![endif]-->

<!-- http://t.co/y1jPVnT -->
<link rel="canonical" href="/"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta charset="iso-8859-1"/>
</head>

<body class="clearfix">

<header>
	<section class="container_12"><!-- / Using 960's grid container_12 to standartize paddings/margins -->
			<div class="upper clearfix">
				<!-- / Logo -->
				<a href="<?php echo base_url();?>" class="logo mt20"><img src="<?php echo base_url();?>img/hdr_logo.png" alt="" /></a>
				<!-- / End logo -->

				<!-- / Language and search -->
				<div class="r top">
					<!-- / Language  -->
					<ul class="lang sf_menu clearfix"><!-- / Please note that these LI elements are right floated to keep the fluid layout consistent  -->
						<li class="last"><a href="#"><img src="<?php echo base_url();?>/img/icons/question.png" alt="" /></a></li>
					</ul>
					<!-- / End language  -->			
				</div>
				<div class="clear">&nbsp;</div>
				<!-- / End slanguage and search -->
				
				<!-- / Userbar - separated from the main nav to fall back in mobile design. -->
				<div class="r usermenu">
					<ul class="sf_menu clearfix">
						<li class="last"><a href="#" class="messages"><img src="<?php echo base_url();?>/img/icons/helloadmin/messages.png" alt="" /><sup>5</sup></a></li>
						<li><a href="#"><img src="<?php echo base_url();?>/img/icons/helloadmin/user.png" alt="" /><span>Username</span></a>
							<ul>
								
								<li><a href="#">Tu Cuenta</a></li>
								<li class="last"><a href="<?php echo base_url().'index.php/con_login/logout';?>">Cerrar Session</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- / End userbar -->

				<!-- / Main navigation-->
				<nav class="mainnav l">
					<ul id="mainnav" class="sf_menu clearfix">
						<li><a href="<?php echo base_url();?>/dashboard.html" title="Link title here"><img src="<?php echo base_url();?>/img/icons/helloadmin/dashboard.png" alt="" /><span>Dashboard</span></a></li>
						<li><a href="#" title="Link title here"><img src="<?php echo base_url();?>/img/icons/helloadmin/layouts.png" alt="" /><span>Layouts</span></a>
							<ul>
								<li><a href="<?php echo base_url();?>index.php/con_notificacion"><img src="<?php echo base_url();?>/img/icons/helloadmin/features.png" alt="" />NOtificacion </a></li>
								<li><a href="<?php echo base_url();?>index.php/con_tables">Tablas </a></li>
								<li><a href="<?php echo base_url();?>/layout3.html">1 column </a></li>
								<li><a href="<?php echo base_url();?>/layout4.html">Left menu + 1 column</a></li>
								<li><a href="<?php echo base_url();?>/layout5.html">1 column + Left menu</a></li>
								<li><a href="<?php echo base_url();?>/layout6.html">Left menu + 3 boxes </a></li>
								<li class="last"><a href="<?php echo base_url();?>/layout7.html">4 boxes </a></li>
							</ul>
						</li>
						<li><a href="#" title="Link title here"><img src="<?php echo base_url();?>/img/icons/helloadmin/modules.png" alt="" /><span>Modules</span></a>
							<ul>
								<li><a href="<?php echo base_url();?>/gallery.html">Gallery</a></li>
								<li><a href="<?php echo base_url();?>/calendar.html">Calendar</a></li>
								<li><a href="<?php echo base_url();?>index.php/con_charts">Grafico</a></li>
								<li><a href="<?php echo base_url();?>/filemanager.html">File Manager</a></li>
								<li class="last"><a href="<?php echo base_url();?>index.php/con_contacto">Contacto</a></li>
							</ul>
						</li>
						<li><a href="#" title="Link title here"><img src="<?php echo base_url();?>/img/icons/helloadmin/features.png" alt="" /><span>Features</span></a>
							<ul>
								<li><a href="<?php echo base_url();?>index.php/con_tables/">Tables</a></li>
								<li><a href="<?php echo base_url();?>index.php/con_form">Forms</a></li>
								<li><a href="<?php echo base_url();?>/icons.html">Icons, Buttons, Breadcrumbs</a></li>
								<li><a href="<?php echo base_url();?>index.php/con_efectos">Efectos</a></li>
								<li><a href="<?php echo base_url();?>/typography.html">Typography</a></li>
								<li class="last"><a href="#">Error pages</a>
									<ul>
										<li><a href="<?php echo base_url();?>/error1.html">403</a></li>
										<li><a href="<?php echo base_url();?>/error2.html">404</a></li>
										<li><a href="<?php echo base_url();?>/error3.html">405</a></li>
										<li><a href="<?php echo base_url();?>/error4.html">500</a></li>
										<li class="last"><a href="<?php echo base_url();?>/error5.html">503</a></li>
									</ul>
								</li>
							</ul>	
						</li>
					</ul>
				</nav>
				<!-- / End main navigation-->
			</div>
	</section>
</header>
<?php
        if($this->session->flashdata('mensaje')){
            echo vlr_notificacion($this->session->flashdata('mensaje'),3);
        }
        if($this->session->flashdata('error')){
            echo vlr_notificacion($this->session->flashdata('error'),4);
        }?>